﻿<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Home Delivery Preview</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        html {
            background: #ddd;
            height: 100%;
        }

        a {
            /*css3*/ border-radius: 10px;
            /*css3*/ box-shadow: inset 0 0 2px #8d8880;
            display: block;
            margin: 10px;
            background: rgb(136,191,232); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,191,232,1)), color-stop(100%,rgba(112,176,224,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-9 */
            font-size: 110%;
            padding: 20px;
            display: block;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 1px 1px 1px #333;
        }

            a:hover {
                background: rgb(222,239,255); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
            }

        h4 {
            padding: 20px;
            text-align: center;
            color: #666;
            text-shadow: 1px 1px 1px #fff;
            display: block;
            font-size: 20px;
        }

        h1 {
            font-family: Helvetica;
            background:#ff6a00;
            display: block;
            margin: 40px 10px 0px 10px;
            padding: 10px 20px;
            font-weight: normal;
            color: #fff;
            text-shadow: 1px 1px #333;
        }

        .wrapper {
            width: 80%;
            margin: 0px auto;
            padding-bottom: 50px;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <h4>Home Delivery Preview</h4>
        
        <h1>Phase 3</h1>
        <a target="_blank" href="AboutUs.aspx">About Us</a>
        <a target="_blank" href="Account.aspx">Account</a>
        <a target="_blank" href="ContactUs.aspx">Contact Us</a>
        <a target="_blank" href="FAQ.aspx">FAQ</a>
        <a target="_blank" href="PersonalInformation.aspx">Personal Information</a>
        <a target="_blank" href="Privacy.aspx">Privacy</a>
        <a target="_blank" href="ShoppingInformation.aspx">Shopping Information</a>
        <a target="_blank" href="TrackeCoupon.aspx">Track e Coupon</a>
        <a target="_blank" href="TrackOrder.aspx">Track Order</a>
        <a target="_blank" href="SiteMap.aspx">Site Map</a>
    </div>
</body>
</html>